<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<html 		xmlns="http://www.w3.org/1999/xhtml"
			xmlns:ui="http://java.sun.com/jsf/facelets"
			xmlns:h="http://java.sun.com/jsf/html"
			xmlns:f="http://java.sun.com/jsf/core"
			xmlns:a4j="http://richfaces.org/a4j"
			xmlns:rich="http://richfaces.org/rich"
			xmlns:t="http://myfaces.apache.org/tomahawk">

	<head>
		<title>
			<h:outputText value="#{bundle.tituloAplicacao}" /> 
		</title>
		
		<link rel="stylesheet" type="text/css" href="/#{bundle.pathAplicacao}/css/geral.css" />
		<link rel="stylesheet" type="text/css" href="/#{bundle.pathAplicacao}/css/estilo.css" />
		
	</head>
	
	<body>
		<table>
			<tr>
				<td style="background: url(/#{bundle.pathAplicacao}/imagens/fundoMenu.png); height: 700px; width: 146px;"></td>
				<td>
					<h:panelGroup id="panelTitle">
		                <table class="messageTable">
		                    <tr>
		                      <td>
		                        <a4j:outputPanel  ajaxRendered="true">
		                            <rich:messages layout="table" warnClass="msgWarm" errorClass="msgError" infoClass="msgInfo" globalOnly="true">
		                            	<f:facet name="errorMarker">
											<h:graphicImage value="/imagens/alerta.png"/>   
										</f:facet>
		                            </rich:messages>
		                        </a4j:outputPanel>
		                      </td>             
		                    </tr>
		                </table>
		            </h:panelGroup>
				                   
				                   
		            <br />
				    <a4j:form id="formulario">
						<a4j:loadScript src="/script/util.js" />
						
						<table style="vertical-align: sub; margin: -350px 0 0 0;">
							<tr>
								<td>
								 	Desenvolvido por <b>Gregório Brito</b> <br />
								 	Contato: (085) 87959045 <br />
								 	Email: gregoriobrito@gmail.com
								</td>
							</tr>
							<tr>
								<td style="text-align: center;">
									<h1>
								 		O Vidraceiro do Norte
								 	</h1>
								</td>
							</tr>
						</table>
						<hr/>
						<table style="text-align: center; margin: 50px 0 0 0;">
							<tr style="height: 183px;">
								<td>
									<table>
										<tr>
											<td style="width: 45%; text-align: center;" colspan="2">
												<a4j:outputPanel  ajaxRendered="true">
					                                <h:messages layout="table" warnClass="msgWarm" errorClass="msgError" infoClass="msgInfo" id="messages"/>
					                            </a4j:outputPanel>
					                            <br />
											</td>
										</tr>
										<tr>
											<td style="width: 45%; text-align: right;">
											    Usuário:
											</td>
											<td style="text-align: left;">
												<h:inputText value="#{loginBean.usuarioVo.login}" onkeyup="maiuscula3(this)"/>
											</td>
										</tr>
									    <tr style="height: 45px;">
									        <td style="width: 45%; text-align: right;">
									            Senha:
									        </td>
									        <td style="text-align: left;">
									       		<h:inputSecret value="#{loginBean.usuarioVo.senha}"/>
									        </td>
									     </tr>
									     <tr style="text-align: center; height: 20px;">
									        <td colspan="2">
									        	<br /><h:commandButton type="submit" value="Entrar" action="#{loginBean.logar}"/>
									        </td>
										</tr>
									</table>
								</td>
							</tr>
						</table>
					</a4j:form>
				</td>
				<td style="background: url(/#{bundle.pathAplicacao}/imagens/fundoMenu2.png); height: 700px; width: 146px;"></td>
			</tr>
		</table>
	</body>
</html>